<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>{$setting.webname}-我的微信二维码</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link rel="shortcut icon" href="/public/static/admin/uploads/set/{$setting['ico']}">
    <link type="text/css" rel="stylesheet" href="/public/static/home/themes/css/base.css">
    <link type="text/css" rel="stylesheet" href="/public/static/home/themes/css/home.css">
    <script type="text/javascript" src="/public/static/home/themes/js/jquery.min.js"></script>
    <script type="text/javascript" src="/public/static/home/themes/js/slider.js"></script>
    <script type="text/javascript" src="/public/static/home/themes/js/tab.js"></script>
    <style>
        .aui-mate-box{
            background:#f6f6f6;
            height: 100%;
            position: relative;
        }
        .qr-box{
            position: absolute;
            top:50%;
            left:50%;
            width:95%;
            border-radius: 5px;
            background:#fff;
            margin-top:-200px;
            margin-left:-47.5%;
            box-sizing: border-box;padding: 15px;
        }
        .qr-box .qr-head img{
            height: 50px;
            border-radius: 5px;
            float: left;
        }
        .qr-box .qr-head .content {
            float:left;
            margin-left:10px;
            line-height: 50px;
            height: 50px;
        }
        .qr-box .qr{
            position: relative;
            width: 95%;
            margin:30px auto 10px;
        }
        .qr-box .qr img{
            width: 100%;
        }
        .clear{
            clear: both;
        }
        .bottom-text{
            font-size:12px;
            color:#ccc;
            text-align: center;
        }
    </style>
</head>
<body>

<section class="aui-flexView">
    <header class="aui-navBar aui-navBar-fixed b-line">
        <a href="javascript:history.back(-1)" class="aui-navBar-item">
            <i class="icon icon-return"></i>
        </a>
        <div class="aui-center">
            <span class="aui-center-title">我的微信二维码</span>
        </div>
        <a href="javascript:;" class="aui-navBar-item">
            <i class="icon icon-sys"></i>
        </a>
    </header>
    <section class="aui-mate-box">
        <div class="qr-box" >
            <div class="qr-head">
                <img src="/public/static/admin/uploads/teacher_photo/{$teacher.photo}" alt="">
                <div class="content">
                    <h3>{$teacher.name}</h3>
                </div>
                <div class="clear"></div>
            </div>
            <div class="qr">
                <img src="/public/static/admin/uploads/teacher_qr/{$teacher.wx_qrcode}" alt="">
            </div>
            <div class="bottom-text">
                扫一扫上面的二维码图案，加我为朋友
            </div>
        </div>
    </section>
</section>
<script src="/public/static/admin/layui/layui.js"></script>

<script type="text/javascript">


    layui.use('upload', function() { //独立版的layer无需执行这一句
        var $ = layui.jquery, layer = layui.layer, upload = layui.upload; //独立版的layer无需执行这一句
        /*
        * 点击图片放大
        */
        $(".setting_wxqrcode").on("click",function(){
            var imgSrc=$(this).attr('src');
            layer.open({
                type:1
                ,title:false
                ,closeBtn:0
                ,shade:0.7
                ,skin:'layui-layer-nobg'
                ,shadeClose:true
                ,content:'<div style="padding-top:-64px;"><img style="width:100%;height:100%;padding-top:-64px;" class="layui-upload-img" src="'+ imgSrc +'"/></div>'
                ,scrollbar:false
            })
        })
    })
</script>
</body>
</html>